.block.expanding-video-block
{
	display: flex;
	padding: 0 170px;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	width: 100%;
	height: auto;
	position: relative;
	flex-direction: row;
	order: 0;
	transition: 0.5s ease-in-out;

	.placeholder-video,
	.main-video
	{
		height: auto;
		flex: 1 1 0%;
		aspect-ratio: 1100 / 618.75;
		position: relative;
		min-width: 0;
		object-fit: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		order: 0;
	}

	.main-video
	{
		display: none;
	}

	.play-button
	{
		appearance: none;
		-webkit-appearance: none;
		background: rgba(255, 255, 255, 0.3499999940395355);
		border: none;
		padding: 20px;
		cursor: pointer;
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		border-radius: 200px;
		backdrop-filter: blur(14px);
		width: auto;
		height: auto;
		left: 50%;
		transform: translate(-50%, -50%);
		top: 50%;
		flex-direction: row;
		order: 1;
	}

	.polygon-1
	{
		height: 67px;
		fill: #000;
		aspect-ratio: 67 / 67;
		position: relative;
		flex: 0 0 67px;
		object-fit: fill;
		order: 0;
	}


	&[data-expand="expanded"]
	{
		width: 100%;
		padding: initial;
		align-self: initial;
	}

}